TeamA

id: task-285 title: adjust z-index tooltip style status: Done assignee: [] created_date: '2025-10-09 04:58' updated_date: '2025-10-09 07:03' labels: [] dependencies: [] priority: low

Description

When the sidebar is collapsed, react-tooltip are hidden by elements in the main view.

  • Kanban Board: Behind task card
  • All Tasks: Behind Search input

Acceptance Criteria

  • [x] #1 In Kanban Board page, tooltips are displayed over the task cards
  • [x] #2 In All Tasks page, tooltips are displayed over the Search input

Implementation Plan

apply z-index: 10 to sidebar

Implementation Notes

Added z-10 class to the sidebar root element This ensures tooltips are displayed above other UI elements (kanban board task cards, search input) when the sidebar is collapsed Modified files: src/web/components/SideNavigation.tsx Technical decision: Used Tailwind's z-10 (z-index: 10). This value was chosen as no other z-index specifications exist in the project

On this page

    1. id: task-285title: adjust z-index tooltip stylestatus: Doneassignee: []created_date: '2025-10-09 04:58'updated_date: '2025-10-09 07:03'labels: []dependencies: []priority: low
    2. Description
    3. Acceptance Criteria
    4. Implementation Plan
    5. Implementation Notes

Brodocs MVP